<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta http-equiv="Expires" CONTENT="0"> 
	<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
	<meta http-equiv="Pragma" CONTENT="no-cache"> 
    <title>商户注册</title>
    <link href="../../layui/css/layui.css"  rel="stylesheet">
    <link href="../../css/index.css" rel="stylesheet" type="text/css">
    <link href="../../css/register/register4.css" rel="stylesheet" type="text/css">
    <link href="../../css/register/register5.css" rel="stylesheet" type="text/css">
	<style>
		.store-info .Validform_checktip{margin-left:86px;}
		.goods-info .Validform_checktip{margin-left:100px;}
	</style>
</head>
<body>
    <header>
        <div class="register-title">
            <span>商户入驻</span>
        </div>
    </header>
    <div class="content store">
        <div class="store-info">
            <span class="title">店铺基本信息</span>
            <div class="info">
                <form class="layui-form " action="">
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color:red;">*</span>主营类目：</label>
                        <div class="layui-input-block">
                            <select datatype="*">
                                <option class="default">请选择主营类目</option>
                            </select>
                            <span class="category_detail">查看类目明细</span>
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color:red;">*</span>店铺名称：</label>
                        <div class="layui-input-block">
                            <input type="text" datatype="*" name="address" required  lay-verify="required" placeholder="请输入店铺名称" autocomplete="off" class="layui-input">
                            <span>入驻后店铺名称不可修改，请谨慎填写</span>
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color:red;">*</span>登录账号：</label>
                        <div class="layui-input-block">
                            <input type="text" datatype="*" name="address" required  lay-verify="required" placeholder="请输入登录账号" autocomplete="off" class="layui-input">
                            <span>该登录账号为商家后台账号，请牢记</span>
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color:red;">*</span>设置密码：</label>
                        <div class="layui-input-block">
                            <input type="password" datatype="*8-20" name="address" required  lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                            <span>8~20个字，包含大小写字母、数字</span>
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color:red;">*</span>确认密码：</label>
                        <div class="layui-input-block">
                            <input type="password" datatype="*" name="address" required  lay-verify="required" placeholder="请再次输入密码" autocomplete="off" class="layui-input">
                        </div>
						<div class="Validform_checktip"></div>
                    </div>

                </form>
            </div>
        </div>
    </div>
    <div class="content shop">
        <div class="goods-info">
            <span class="title">商品信息<a>上传优质商品信息，有助于加快店铺审核进度</a></span>
            <div class="info">
                <form class="layui-form " action="">
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color:red;">*</span>备售商品名称：</label>
                        <div class="layui-input-block">
                            <input type="text" datatype="*" name="" required  lay-verify="required" placeholder="请输入商品标题（最多30个字）" autocomplete="off" class="layui-input">
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item money">
                        <label class="layui-form-label"><span style="color:red;">*</span>商品价格：</label>
                        <div class="layui-input-block">
                            <input type="text" datatype="*" name="" required  lay-verify="required" placeholder="请输入店铺名称" autocomplete="off" class="layui-input">
                            <span>(元)</span>
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span style="color:red;">*</span>商品图片：</label>
                        <div class="layui-input-block">
                            <div class="photo"></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="other-info">
            <span class="title">其他信息</span>
            <div class="info">

                    <div class="layui-form-item">
                        <label class="layui-form-label">第三方店铺链接：</label>
                        <div class="layui-input-block">
                            <input type="text" datatype="*" name="" required  lay-verify="required" placeholder="请输入商品标题（最多30个字）" autocomplete="off" class="layui-input">
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">入驻推荐码：</label>
                        <div class="layui-input-block">
                            <input type="text" datatype="*" name="" required  lay-verify="required" placeholder="请输入推荐码" autocomplete="off" class="layui-input">
                        </div>
						<div class="Validform_checktip"></div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <input type="checkbox"  name="" value="我已阅读并同意" lay-skin="primary">
                            <span>我已阅读并同意</span>
                            <a class="agreement" onclick="window.open('agreement.html')" target="_blank" >《乐小转商家合作入驻协议》</a>
                        </div>
                    </div>
            </div>
        </div>

        <div class="jump">
            <input id="submit" class="disabled-button" type="button" value="提交" disabled="disabled">
        </div>
    </div>
	<footer class="foot">
		<span>
			Copyright 2017-2018 lexiaozhuan.com 版权所有 (京ICP证030173号
		</span>
		<img src="../../images/shouye/ghs.png">
		<span>
			京公网安备11000002000001号)
		</span>
	</footer>
</body>
<!--layui插件-->
<script src="../../js/plugIn/jquery-3.3.1.min.js"></script>
<script src="../../layui/layui.all.js"></script>
<!-- 表单验证插件 -->
<script src="../../js/plugIn/Validform_v5.3.2.js"></script>
<script>
	
	$(".content").Validform({
		tiptype:2
	});
    var form = layui.form;
	form.render('checkbox');
    $("input[type='checkbox']").change(function () {
        if($("input[type='checkbox']").is(':checked')){
            $("#submit").css('background-color','#ef593c');
            $("#submit").removeAttr('disabled');
            $("#submit").removeAttr('disabled');
            $("#submit").removeClass('disabled-button');
        }else{
            $("#submit").css('background-color','#ccc');
            $("#submit").attr('disabled','true');
			$("#submit").addClass('disabled-button');
        }
    })

    $('#prev').on('click',function(){
        window.location.href="register3.html";
    });
    $(".category_detail").on('click',function(){
        window.open('register4_detail.html');
    })
    /* $('.agreement').on('click',function(){
        window.open('register4_agreement.html');
    }); */
    $('#submit').on('click',function(){
        window.location.href="checkInSuccess.html";
    })
</script>
</html>
